<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/hf.css" />
    <link rel="stylesheet" href="css/addpeople.css" />

    <link rel="stylesheet" href="css/freshgraduate.css" />
    <link rel="stylesheet" href="css/grzx_bkxz.css" />
    <link rel="stylesheet" href="css/grzx_gnsz.css" />
    <link rel="stylesheet" href="css/FAQ.css" />
    <link rel="stylesheet" href="css/grzx_gwsz.css" />
    <link rel="stylesheet" href="css/careerList.css" />
    <link rel="stylesheet" href="css/contest.css" />
    <link rel="stylesheet" href="css/doctoralStudent.css" />
    <link rel="stylesheet" href="css/feedback.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/jobchoice.css" />
    <link rel="stylesheet" href="css/jobFairList.css" />
    <link rel="stylesheet" href="css/joblist_xz.css" />
    <link rel="stylesheet" href="css/joblist_xz_zwzd.css" />

    <link rel="stylesheet" href="css/knewhw.css" />
    <link rel="stylesheet" href="css/login_register.css" />
    <link rel="stylesheet" href="css/noticeList.css" />
    <link rel="stylesheet" href="css/preview.css" />
    <link rel="stylesheet" href="css/recruitInfo.css" />
    <link rel="stylesheet" href="css/schoolrecruitment.css" />
    <link rel="stylesheet" href="css/shixifirst.css" />
    <link rel="stylesheet" href="css/simplified.css" />
    <link rel="stylesheet" href="css/socialrecruitment.css" />
    <link rel="stylesheet" href="css/videoList.css" />
    <style>
        .clickBtn{}
        .clickBtn li{float: left; display: block; margin-right: 40px; height: 30px; cursor: pointer; margin-bottom: 30px; background-color: #ff0000; border-radius: 4px; color: #fff; line-height: 30px; padding: 0 10px;}
        .clickBtn li a{color: #fff;}
    </style>
</head>
<body>
<h4 style="font-size: 22px; margin: 3% auto;">点击以下按钮显示弹窗\页面只做展示弹窗</h4>
<div class="clickBtn">
    <ul>
        <li name="submissionSuccess">您的意见已经提交完成！</li>
        <li name="talentPool">恭喜您成功加入华为人才库！</li>
        <li name="selectIdentity">请选择您的身份</li>
        <li name=""><a href="dialog7.html" target="_blank">数据保护声明</a></li>
        <li name="dialogLogin">您还没有登录，需要登录吗？</li>
        <li name="dialogCollect">收藏成功！</li>
        <li name="collectionFailure">收藏失败！</li>
        <li name="dialogResume">您还没有填写简历，需要填写简历吗？</li>
        <li name="dialogJobApplication">职位申请成功！</li>
        <li name="dialogIdBrowse">对不起，您的帐号仅可浏览职位</li>
        <li name="deliver">校园招聘职位最多只能投递两个！</li>
        <li name="fillResume">您还没有填写简历，需要填写简历吗？</li>
        <li name="nextPerfectResume">您已完成简版简历投递，是否进一步完善简历内容？</li>
    </ul>
</div>




<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/placehold.js"></script>
<script src="js/dialog.js"></script>
<script src="js/dialog1.js"></script>
<script src="js/select.js"></script>
<script>
    $(function(){
        $(".dialog").hide();
        $(".clickBtn li").click(function(){
            var showNameCont = $(this).attr("name");
            console.log(showNameCont);
            $("."+ showNameCont).show();
        });
    })
</script>
</body>
</html>